
<template>
  <div class="fp">
    <el-steps :active="active" finish-status="success">
      <el-step title="步骤 1"></el-step>
      <el-step title="步骤 2"></el-step>
      <el-step title="步骤 3"></el-step>
    </el-steps>

    <el-button style="margin-top: 12px;" @click="next">下一步</el-button>
  </div>
</template>

<script>
export default {
  name: 'KodaiForgotPassword',

  data () {
    return {
      active: 0
    };
  },

  mounted () {

  },

  methods: {
    next () {
      if (this.active++ > 2) this.active = 0;
    }
  }
};
</script>

<style lang="scss" scoped>
.fp{
  width: 85%;
  margin: 0 auto;
}</style>